<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../build/react.js"></script>
    <script src="../build/jquery-2.1.4.min.js"></script>
    <script src="../build/JSXTransformer.js"></script>
    <script src="../build/react-dom.js"></script>
    <script src="../build/browser.min.js"></script>
    <script type="text/jsx">
        //和template.html效果一样，等同于template.html
        var CommentBox = React.createClass({
            render:function(){
                return (
                        React.createElement("div",{className:"commentBox"},
                            "Hello, world! I am a commentBox."
                        )
                );
            }
        });

        //渲染
        React.render(
                React.createElement(CommentBox,null),
                document.getElementById("example"),
                function(){
                    console.log("我被渲染了...");
                }
        );
    </script>
</head>
<body>
<h3 id="example"></h3>
</body>
</html>